<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>本地音乐播放器</title>
  <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
  <link href="https://cdn.bootcss.com/font-awesome/5.10.0-12/css/all.css" rel="stylesheet">
  <link rel="stylesheet" href="./index.css">
</head>
<body>
<div class="container mt-4">
  <h1>我的播放器</h1>
  <button id="addMusicBtn" type="button" class="btn btn-primary btn-lg btn-block mt-4">
    添加歌曲到曲库
  </button>
  <div id="trackList" class="mt-4"></div>
  <div class="container fixed-bottom bg-white mb-4">
    <hr/>
    <div class="row my-2" id="player-status"></div>
    <div class="progress">
      <div class="progress-bar bg-success" id="player-progress" role="progressbar" style="width: 0;">
        0%
      </div>
    </div>
  </div>
</div>
<script>
  require('./index.js');
</script>
</body>
</html>
